.breadcrumb-separator::before {
top: 1px !important;
}
.fab, .far {
margin-top: 5px !important;
}
#search-button {
padding-top: 4px;
}
.events-title {
margin: 0 0 30px;
color: #333;
}
.events-content-title {
font-size: 22px;
margin-bottom: 14px;
}
.events-subtitle {
font-size: 18px;
font-weight: 500;
color: #666;
}
h3.events-subtitle {
margin-bottom: 14px;
}
.events-title h1, .events-side-nav h1 {
color: #333;
}
.events-side-nav {
background: #fff;
width: 100%;
}
.events-side-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.events-side-nav > ul > li > a {
display: block;
padding: 12px 16px;
text-decoration: none;
color: #555;
background: #f6f6f6;
border-bottom: 1px solid #eee;
transition: background 0.3s;
}
.events-side-nav > ul > li:hover > a,
.events-side-nav ul.submenu li a:hover {
background: #ddd;
}
.events-side-nav > ul > li.active > a {
background: #f9b115;
color: #fff;
border: 0;
}
.events-side-nav ul.submenu {
max-height: 0;
overflow: hidden;
background: #fff;
transition: max-height 0.5s ease;
}
.events-side-nav.no-transition ul.submenu {
transition: none;
}
.events-side-nav ul.submenu li a {
display: block;
padding: 12px 32px 12px 16px;
text-decoration: none;
color: #fbb416;
transition: background 0.3s, color 0.3s;
}
.events-side-nav ul.submenu li.current-sub > a {
background: #575756;
color: #f9b115;
}
.events-side-nav li.open > ul.submenu {
max-height: 500px;
}
.events-top img {
width: 100%;
height: 300px;
object-fit: cover;
display: block;
margin: 0 auto 28px;
}
.events-content {
margin-top: 20px;
margin-bottom: 15px;
}
.events-content p, .events-content table {
font-size: 16px;
line-height: 160%;
text-align: justify;
}
.events-content h2,
.events-content h3,
.events-content h4,
.events-content h5,
.events-content h6 {
font-weight: 500;
line-height: 1.6;
margin: 20px 0 15px;
}
.events-content h2 { font-size: 24px; }
.events-content h3 { font-size: 20px; }
.events-content h4 { font-size: 18px; }
.events-content h5 { font-size: 16px; }
.events-content h6 { font-size: 14px; }
.events-content h2 strong,
.events-content h3 strong,
.events-content h4 strong,
.events-content h5 strong,
.events-content h6 strong {
font: inherit;
color: inherit !important;
}
.events-content a, .events-content h2{
color: #f9b115 !important;
}
.events-content table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
border-top: 1px solid #eee !important;
}
.events-content table caption {
caption-side: top;
text-align: right;
color: #666;
font-size: 14px;
padding-bottom: 8px;
}
.events-content table td,
.events-content table th {
padding: 16px;
border-bottom: 1px solid #eee !important;
border-left: none;
border-right: none;
border-top: none;
}
.events-content table thead tr,
.events-content table tr:first-child {
background-color: #FCFCFC;
}
.events-content table th {
background-color: inherit;
font-weight: 600;
}
.events-content table tbody tr:nth-child(odd) {
background-color: #fff;
}
.events-content table tbody tr:nth-child(even) {
background-color: #fcfcfc;
}
.events-content table:not(:has(thead)) tr:nth-child(odd) {
background-color: #fcfcfc;
}
.events-content table:not(:has(thead)) tr:nth-child(even) {
background-color: #fff;
}
.events-content table tr:last-child td {
border-bottom: none;
}
.pdf-row {
display: flex;
align-items: center;
background: #f9f9f9;
padding: 10px;
gap: 5px;
}
.pdf-link {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #000 !important;
font-size: 12px;
line-height: 16px;
position: relative;
padding: 10px 14px 10px 44px;
height: 30px;
background: #fff;
transition: background 0.3s ease;
}
.pdf-link:hover {
background: #f6f6f6;
}
.pdf-link::after {
content: "";
position: absolute;
left: 0;
width: 30px;
height: 30px;
background-color: #ce0000;
background-image: url('../../images/pdf-icon.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 87%;
}
.date {
margin-left: auto;
color: #666;
font-size: 14px;
white-space: nowrap;
}
@media (max-width: 991px) {
.events-page-header {
padding: 0;
}
.events-side-nav .nav-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 5px;
}
.page-title {
margin: 0;
width: 100%;
}
.header-top .btn.lang {
padding-top: 16px;
}
}
.publication-container {
border-top: 1px solid #f6f6f6;
padding: 30px 0;
}
.participant-container, .publication-container {
padding: 30px 0 20px;
}
.pub-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
align-items: start;
}
.participant-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
align-items: start;
row-gap: 20px;
}
a.pub-card, a.participant-card {
outline: none !important;
}
.pub-card, .participant-card {
background: #ffffff;
overflow: visible;
position: relative;
display: block;
text-decoration: none;
color: inherit;
transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.3, 1),
box-shadow 0.28s;
padding: 16px;
}
.pub-card:hover, .participant-card:hover {
background: #f7f7f7;
}
.pub-media, .participant-media {
width: 100%;
overflow: hidden;
position: relative;
background: #eee center/cover no-repeat;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #f7f7f7;
}
.pub-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
aspect-ratio: 272 / 385;
transition: transform 0.6s cubic-bezier(0.2, 0.9, 0.3, 1);
}
.participant-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
aspect-ratio: 1 / 1;
transition: transform 0.6s cubic-bezier(0.2, 0.9, 0.3, 1);
}
.pub-card:hover .pub-media img {
transform: scale(1.06);
}
.participant-card:hover .participant-media img {
transform: scale(1.06);
}
.pub-bottom {
position: relative;
padding: 8px 0 0;
text-align: right;
min-height: 72px;
}
.participant-bottom {
position: relative;
padding: 16px 0 0;
text-align: right;
min-height: 48px;
  display: -webkit-box;
  -webkit-line-clamp: 6;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
h3.pub-title, .pub-title {
font-size: 14px !important;
font-weight: 700 !important;
color: #000 !important;
margin: 0 0 4px !important;
z-index: 3;
position: relative;
line-height: 1.6 !important;
}
h3.participant-title, .participant-title {
font-size: 16px !important;
font-weight: 700 !important;
color: #000 !important;
margin: 0 0 4px !important;
z-index: 3;
position: relative;
line-height: 1.6 !important;
}
.participant-subtitle {
font-size: 12px;
color: #666;
margin: 0;
z-index: 3;
position: relative;
text-align: right !important;
}
.pub-card:hover .pub-title {
text-decoration: none;
}
.pub-year {
font-size: 18px;
font-weight: 600;
color: #999999;
}
.pub-card .accent, .participant-card .accent {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background: transparent;
transition: background 0.3s;
}
.pub-card:hover .accent, .participant-card:hover .accent {
background: #f9b115;
}
.pub-card:focus, .participant-card:focus {
outline: 2px solid rgba(21, 156, 228, 0.18);
outline-offset: 4px;
}
.events-load-more {
display: flex;
justify-content: center;
align-items: center;
margin-top: 26px;
background: #f6f6f6;
height: 40px;
color: #505D68 !important;
text-decoration: none;
transition: background 0.3s ease;
}
.events-load-more::after {
content: "تحميل المزيد"
}
.events-load-more.loading::after {
content: "جارٍ التحميل..."
}
.events-pagination .disabled {
display: none !important;
}
.events-load-more:hover {
background: #f1f1f1
}
.video-share-btn {
display: inline-block;
width: 32px;
height: 32px;
padding: 5px 8px;
border: 1px solid #f9b115 !important;
background: #fff;
color: #f9b115 !important;
border: none;
cursor: pointer;
font-size: 14px;
transition: background 0.3s ease;
}
.video-share-btn:hover {
background: #f9b115;
color: #fff !important;
}
.video-share-btn i {
font-size: 12px;
}
#video-social-share {
display: inline-block;
}
#video-social-share button {
min-width: 48px !important;
height: 48px;
}
#video-social-share ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
border: 1px solid #eee;
display: none;
background: #ffffff;
position: relative;
z-index: 1000;
}
#video-social-share ul li a {
font-size: 14px;
padding: 3px 8px;
width: 30px;
height: 30px;
display: inline-block;
border-bottom: 1px solid #ededed;
background: #ffffff;
}
#video-social-share ul li a:hover {
background: rgba(237, 237, 237, 0.4);
}
#video-social-share ul li:last-child a {
border: none;
}
#video-social-share .fa-facebook-square {
color: #2f80ed;
}
#video-social-share .fa-twitter {
color: #56ccf2;
}
#video-social-share .fa-linkedin-in {
color: #3c7acf;
}
#video-social-share .bi-envelope-fill {
color: #eb5757;
}
#video-social-share .fa-print {
color: #575756;
}
#video-social-share a:hover > .fa-facebook-square {
color: #2c65b3;
}
#video-social-share a:hover > .fa-twitter {
color: #479cb8;
}
#video-social-share a:hover > .fa-linkedin-in {
color: #35609d;
}
#video-social-share a:hover > .bi-envelope-fill {
color: #b34948;
}
#video-social-share a:hover > .fa-print {
color: #484847;
}
.events-mobile-cat a{
color: #000;
}
.events-mobile-cat a:hover {
color: #f9b115;
}
@media (min-width: 992px) {
.content-column {
padding-right: 0;
}
.nav-header {
display: none;
}
}
.photo-gallery-wrap{padding:20px 0}
.photo-gallery-grid{
display:grid;
grid-template-columns: repeat(3, 1fr);
gap:20px;
align-items:stretch;
margin-bottom: 20px;
}
@media (max-width:991px){ .photo-gallery-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width:600px){ .photo-gallery-grid{ grid-template-columns: 1fr; } }
.photo-gallery-item{
position:relative;
overflow:hidden;
background:#eee;
display:flex;
flex-direction:column;
cursor: pointer;
}
.photo-gallery-item img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition: transform .45s cubic-bezier(.2,.9,.2,1);
will-change: transform;
aspect-ratio: 425 / 283;
}
.overlay{
position:absolute;
inset:0;
background: rgba(0,0,0,0);
transition: background .25s ease;
pointer-events:none;
}
.hover-plus{
position:absolute;
width:30px;
height:30px;
left:50%;
top:50%;
transform:translate(-50%,-50%) scale(.9);
background-image:url('../../images/hover-plus.png');
background-size:contain;
background-repeat:no-repeat;
opacity:0;
pointer-events:none;
transition: opacity .25s ease, transform .25s ease;
}
.caption{
position:absolute;
left:0;
right:0;
bottom:0;
padding:7px 8px;
background: rgba(51,51,51,0.75);
color:#fff;
font-size:12px;
transition: transform .28s ease, opacity .28s ease;
transform:translateY(0);
opacity:1;
text-align: right;
}
.photo-gallery-item:hover .overlay{ background: rgba(0,0,0,0.5); pointer-events:auto; }
.photo-gallery-item:hover .hover-plus{ opacity:1; transform:translate(-50%,-50%) scale(1); }
.photo-gallery-item:hover img{ transform: scale(1.03); }
.photo-gallery-item:hover .caption{ transform: translateY(100%); opacity:0; }
.lightbox{
position:fixed;
inset:0;
z-index:9999;
display:none;
align-items:center;
justify-content:center;
background: rgba(0,0,0,0.85);
overflow:hidden;
opacity:0;
transition: opacity .28s ease;
}
.lightbox.open{ display:flex; opacity:1; }
.lb-close{
position: fixed;
top: 25px;
left: 25px;
z-index: 10010;
color: #fff;
font-size: 22px;
cursor: pointer;
transition: background .18s ease, transform .18s ease;
}
.lb-close:hover{ background:rgba(255,255,255,0.08); transform:scale(1.02); }
.lightbox-content{
position:relative;
width:100%;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
pointer-events:none;
}
.lb-image-wrapper{
pointer-events:auto;
max-width:calc(100vw - 40px);
max-height:calc(100vh - 205px);
display:flex;
align-items:center;
justify-content:center;
position:relative;
}
.lb-image{
max-width:100%;
max-height:100%;
display:block;
border-radius:4px;
box-shadow: 0 10px 30px rgba(0,0,0,.6);
transition: opacity .28s ease, transform .28s ease;
opacity:1;
}
.nav-zone{
position:absolute;
top:0;
bottom:0;
width:50%;
cursor:pointer;
}
.nav-left{ left:0; }
.nav-right{ right:0; }
.thumbs-bar{
position:fixed;
left:0;
right:0;
bottom:0;
padding:12px 18px;
z-index:10005;
background: linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0.0));
pointer-events:auto;
}
.thumbs-container{
display:flex;
gap:10px;
overflow-x:auto;
padding:6px 6px;
scrollbar-width:thin;
-webkit-overflow-scrolling:touch;
}
.thumbs-container::-webkit-scrollbar{ height:9px; }
.thumb{
flex:0 0 auto;
width:92px;
height:62px;
border-radius:4px;
overflow:hidden;
cursor:pointer;
box-shadow: 0 2px 8px rgba(0,0,0,0.5);
border:2px solid rgba(255,255,255,0.06);
transition: transform .18s ease, border-color .18s ease;
background:#111;
}
.thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.thumb.active{ border-color:#f9b115; transform:scale(1.1); }
.lb-caption{
margin-top:12px;
color:#ddd;
font-size:13px;
text-align:center;
max-width:92vw;
pointer-events:none;
}
@media (max-width:420px){
.thumb{ width:72px; height:52px; }
}
.fade-out{ opacity:0; transform:scale(.995); }
.fade-in{ opacity:1; transform:scale(1); }
.thumb:focus, .lb-close:focus{ outline:2px solid rgba(255,255,255,0.12); }
@media (max-width: 991px) {
#socail-share {
bottom: 0;
right: 0;
left: auto;
top: auto;
}
#socail-share ul {
box-shadow: -5px 5px 5px -5px #ccc;
}
#socail-share .btn-primary {
width: 35px;
height: 35px;
padding: 5px 8px;
}
.lb-caption{
font-size: 11px;
}
.publication-container, .participant-container {
padding: 20px 0;
}
.events-title {
margin: 0 0 5px;
}
.events-title h1, .events-side-nav h1 {
font-size: 28px;
}
.events-content-title {
font-size: 20px;
margin-bottom: 10px;
font-weight: 600;
}
.events-subtitle {
font-size: 16px;
}
.events-side-nav {
position: relative;
margin-bottom: 20px;
}
.mobile-menu-toggle {
display: block;
background: #f9b115;
padding: 5px 10px;
text-align: center;
cursor: pointer;
border: 0;
margin: 0 auto 0 0;
width: 35px;
height: 34px;
min-width: 0;
}
.mobile-menu-toggle:hover {
background: #ffc851;
}
.mobile-menu-toggle:before {
content: "\f0c9";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.events-side-nav > ul {
display: none;
flex-direction: column;
}
.events-side-nav.mobile-open > ul {
display: flex;
}
.events-side-nav > ul > li > a {
padding: 8px 10px;
font-size: 13px;
}
.events-side-nav ul.submenu li a {
padding: 8px 20px;
font-size: 13px;
}
.events-top img {
height: 250px;
margin-bottom: 20px;
}
.events-content h2 { font-size: 22px; }
.events-content h3 { font-size: 19px; }
.events-content h4 { font-size: 17px; }
.pub-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.participant-grid {
grid-template-columns: repeat(3, 1fr);
}
.pub-card, .participant-card {
padding: 12px;
}
.pub-bottom {
min-height: 60px;
}
.pdf-link {
height: 25px;
padding: 0 10px 0 35px;
font-size: 11px;
}
.pdf-link::after {
width: 25px;
height: 25px;
background-size: 76%;
}
}
@media (max-width: 767px) {
.pdf-link {
height: 23px;
padding: 0 7px 0 30px;
font-size: 9px;
}
.pdf-link::after {
width: 23px;
height: 23px;
background-size: 76%;
}
.events-title h1, .events-side-nav h1 {
font-size: 24px;
line-height: 1.3;
}
.events-subtitle {
font-size: 14px;
}
.events-top img {
height: 200px;
margin-bottom: 15px;
}
.date {
font-size: 12px;
}
.pub-grid,
.participant-grid {
grid-template-columns: repeat(2, 1fr);
}
.pub-card, .participant-card {
padding: 10px;
}
.pub-bottom,
.participant-bottom {
padding-top: 10px;
min-height: auto;
}
h3.pub-title, .pub-title,
h3.participant-title, .participant-title {
font-size: 13px !important;
}
.pub-year {
font-size: 14px;
}
.events-load-more {
margin-top: 20px;
height: 35px;
font-size: 13px;
padding: 0 15px;
}
#video-social-share button {
min-width: 40px !important;
height: 40px;
}
.events-content p, .events-content table {
font-size: 14px;
}
}
@media (max-width: 480px) {
.events-title h1, .events-side-nav h1 {
font-size: 20px;
}
.events-content-title {
font-size: 16px;
}
.events-top img {
height: 160px;
}
.events-content p, .events-content table {
font-size: 13px;
}
.events-content h2 { font-size: 18px; }
.events-content h3 { font-size: 16px; }
.events-content h4 { font-size: 15px; }
.pub-card, .participant-card {
padding: 8px;
}
}
@media (max-width: 380px) {
.pdf-link {
display: none;
}
}
@media (min-width: 992px) {
.mobile-menu-toggle {
display: none;
}
.header-top .btn.lang {
padding: 3px 10px 6px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.events-side-nav > ul {
scroll-behavior: smooth;
}
.events-side-nav > ul::-webkit-scrollbar {
height: 4px;
}
.events-side-nav > ul::-webkit-scrollbar-track {
background: #f1f1f1;
}
.events-side-nav > ul::-webkit-scrollbar-thumb {
background: #888;
border-radius: 2px;
}
}
@media print {
.events-side-nav,
.video-share-btn,
#video-social-share,
.events-load-more,
.pdf-link {
display: none !important;
}
.events-content table {
page-break-inside: avoid;
}
}
.video-gallery {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 2%; /* space between columns */
}

.video-gallery__videos {
    flex: 0 0 65%; /* 8/12 width */
    max-width: 65%;
}

.video-gallery__list {
    flex: 0 0 33%; /* 4/12 width */
    max-width: 33%;
}

/* Responsive: stack on smaller screens */
@media (max-width: 991px) {
    .video-gallery__videos,
    .video-gallery__list {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.video-gallery iframe {
width: 100% !important;
aspect-ratio: 16 / 9 !important;
height: auto !important;
display: block;
}
.video-gallery__main-video-info {
margin-top: 5px;
margin-bottom: 10px;
padding: 7px 0 7px 75px;
position: relative;
}
@media (max-width: 768px) {
.video-gallery__main-video-info {
padding: 10px 0 10px 75px;
color: #fff;
border: none;
}
}
.video-gallery__main-video-info .social-media {
position: absolute;
left: 0;
top: 4px;
}
@media (max-width: 992px) {
.video-gallery__main-video-info .social-media {
width: auto;
background-color: transparent;
padding: 0;
bottom: auto;
}
}
.video-gallery__main-video-info .title h1,
.video-gallery__main-video-info .title h2 {
color: #000;
font-size: 16px;
margin: 0;
font-weight: 600;
}
.video-gallery__videos-title {
margin-bottom: 15px;
}
.video-gallery__videos-title h2,
.video-gallery__videos-title h1 {
font-family: "BahijTheSansArabic-Bold";
margin: 0;
font-size: 1.0625em;
}
@media (min-width: 768px) and (max-width: 992px) {
.video-gallery__videos {
margin-bottom: 15px;
}
}
.video-gallery__videos .video-item {
margin-bottom: 25px;
}
@media (max-width: 768px) {
.video-gallery__videos .video-item {
position: relative;
height: 230px;
border-radius: 5px;
overflow: hidden;
}
}
.video-gallery__videos .video-item__image {
position: relative;
width: 100%;
height: 95px;
border-radius: 5px;
overflow: hidden;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 10px;
cursor: pointer;
}
@media (max-width: 992px) {
.video-gallery__videos .video-item__image {
height: 200px;
}
}
@media (max-width: 768px) {
.video-gallery__videos .video-item__image {
height: 230px;
}
}
.video-gallery__videos .video-item__image img {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.video-gallery__videos .video-item__image a {
display: block;
width: 100%;
height: 100%;
z-index: 3;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
}
.video-gallery__videos .video-item__image:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
top: 0;
right: 0;
z-index: 1;
-webkit-transition: all 0.15s ease-out 0s;
-o-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
border-radius: 5px;
}
@media (max-width: 768px) {
.video-gallery__videos .video-item__image:before {
display: none;
}
}
.video-gallery__videos .video-item__image:after {
content: "\f04b";
font-family: "FontAwesome";
position: absolute;
right: 0;
top: 50%;
z-index: 2;
margin-top: -14px;
color: rgba(255, 255, 255, 0.4);
text-align: center;
width: 100%;
font-size: 20px;
text-shadow: rgba(0, 0, 0, 0) 2px 3px 5px;
-webkit-transition: all 0.15s ease-out 0s;
-o-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
}
@media (max-width: 768px) {
.video-gallery__videos .video-item__image:after {
color: #fff;
text-shadow: rgba(0, 0, 0, 0.75) 2px 3px 5px;
}
}
.video-gallery__videos .video-item__title h2 {
font-size: 0.9375em;
line-height: 1.5;
margin: 0;
color: #333;
}
@media (max-width: 768px) {
.video-gallery__videos .video-item__title h2 {
font-size: 1.0625em;
}
}
.video-gallery__videos .video-item__title h2 a {
color: #333;
}
@media (max-width: 768px) {
.video-gallery__videos .video-item__title {
position: absolute;
bottom: 0;
width: 100%;
padding: 10px;
background-color: rgba(255, 255, 255, 0.75);
}
}
.video-gallery__videos .video-item:hover .video-item__image:before {
opacity: 0;
}
.video-gallery__videos .video-item:hover .video-item__image:after {
color: #fff;
text-shadow: rgba(0, 0, 0, 0.75) 2px 3px 5px;
}
.video-gallery__videos .video-item:hover .video-item__title a {
color: #cb9b00;
}
@media (max-width: 768px) {
.video-gallery__videos .video-item:hover .video-item__title a {
color: #01758b;
}
}
@media (max-width: 768px) {
.video-gallery__videos--no-videos {
padding-bottom: 0;
border-bottom: 1px solid #ccc;
}
}
.video-gallery__list {
border: 1px solid #eee;
left: 0;
top: 0;
height: 100%;
overflow-y: scroll;
padding: 12px 12px 0;
font-size: 14px;
}
@media (max-width: 1200px) {
.video-gallery__list {
width: 220px;
}
}
@media (max-width: 992px) {
.video-gallery__list {
position: relative;
left: auto;
width: 100%;
height: auto;
overflow-y: auto;
}
}
.video-gallery__list ul {
list-style: none;
margin: 0;
padding: 0;
}
.video-gallery__list ul li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.video-gallery__list ul li:last-child {
border-bottom: none;
margin-bottom: 0;
}
.video-gallery__list ul li a {
color: #333;
}
.video-gallery__list ul li a:hover {
text-decoration: underline !important;
}
@media (min-width: 992px) {
    .video-gallery {
    height: 715px;
}
.events-side-nav ul {
    display: block !important;
}
}
@media (min-width: 768px) {
.pdf-row {
    gap: 16px;
}
}